<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../../icon/iconfont.css">
    <link rel="stylesheet" href="../lib/bootstrap-3.3.5-dist/css/bootstrap.min.css">
    <script src="../lib/bootstrap-3.3.5-dist/js/jquery-1.11.3.js"></script>
    <script src="../lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .clear::after{
            content: '';
            display: block;
            clear: both;
        }
        #yetou{
            background-color:#2D3E50 ;
            color: white;
           
           
        }
        .zhiye h2,.zhiye p{
            margin-left: 80px;
        }
        .jibenxinxi{
            float: left;
            width: 70%;
        }
        .tupian{
            float: right;
            width: 30%;
            height: 226px;
            text-align: center;
            padding: 0 80px;
            
        }
        img{
          height: 226px;
          line-height: 226px;
         float: right;
         display: block;
        }
        .ziliao{
            padding:2% 0;
           
        }
        .jutixinxi div,#pingjia{
            /* margin-top: 1.5%; */
            /* margin-left: 80px; */
            font-weight: 900;
            margin:1.5% 80px 0 80px ;
        }
        .jutixinxi div:last-child{
           margin-bottom: 1.5%;
        }
        .toubuziliao{
            background-color:#2D3E50 ;
            padding: 1% 80px;
            color: white;
            font-size: 1.5em;
        }
        #pingjia{
            letter-spacing:6px;
            line-height: 20px;
            margin-bottom: 1.5%;
        }
        .dibu{
            margin-top: 1.5%;
        }
        .yangshi{
       border-top: 20px; 
        }
    </style>
</head>
<body>
    <header id="yetou">
        <div class="row">
            <div class="col-md-8 zhiye">
                <h2>职业圈</h2>
                <p><span>求职意向：</span><span>设计师</span></p>
              
            </div>
            <div class="col-md-4">
               <p>
                <p>
                    <span class="iconfont icon-dian_hua"></span>
                    1212121
                </p>
                <p>
                    <span class="iconfont icon-youjian"></span>
                    1212121
                </p>
               </p>
                <p>
                    <span class="iconfont icon-iconfontdizhi"></span>
                    1212121
                </p>
            </div>
          </div>
    </header>
    <div class="ziliao clear">
        <div class = 'jibenxinxi'>
            <div>
               <div>
                <div class="toubuziliao yangshi" >
                    基本资料 
                 </div>
               </div>
               
               
                <div class="jutixinxi">
                   <div>
                       <span>姓名：</span><span>职业圈</span>
                       <span>出生年月：</span><span>职业圈</span>
                       <span>性别：</span><span>职业圈</span>
                   </div> 
                   <div>
                    <span>求职意向：</span><span>职业圈</span>
                    <span>毕业院校：</span><span>职业圈</span>
                    <span>学历：</span><span>职业圈</span>
                  </div> 
                  <div>
                    <span>政治面貌：</span><span>职业圈</span>
                    <span>籍贯：</span><span>职业圈</span>
                    <span>性别：</span><span>职业圈</span>
                  </div> 
                </div>
                <div class="toubuziliao">
                    自我评价
                 </div>
            </div>
        </div>
        <div class="tupian">
            <img src="../images/xiaojijie.png" alt="">
        </div>
    </div>
    <p id = 'pingjia'>
        本人性格热情开刻，待人友好，为人真诚谍虚。能吃苦耐劳，尽职尽责，有耐心。善于与人沟通。学习刻苦认真，成绩优秀，连续三年获学院奖学金。为人诚昱勤奋好学脚涪实地，有较强的团队精神，工作积极进取，态座认真。抗压能力和强烈的责任感。通过实习和自修学习了财务的相关知识对经济和金融有所认识，有较强的数理分析能力。
    </p>
    <div class="toubuziliao">
        实践经历
     </div>
     <div class="toubuziliao dibu">
        教育背景
     </div>
</body>
</html>